﻿@{
    ViewBag.Title = "NewNewIndex";
    Layout = "~/Views/Shared/__newMaster.cshtml";
}

@using ClassModel

@{
    t_classDemo_UserInfo userInfo = ViewBag.currentLoginer; 
}

<!-- Banner -->
<section id="banner">
    <div class="inner">
        <h2>仅需<strong>5秒</strong></h2>
        <p>困扰学校多年的排课难题将被<strong>迎刃而解</strong></p>
        <ul class="actions">
            <li><a href="@(userInfo == null ? "/Home/Login" : "/ScheduleClass/ArrangeTaskList")" class="button special" id="course_btn">立即排课</a></li>
        </ul>
    </div>
    <a href="#one" class="more scrolly"></a>
</section>

<!-- One -->
<section id="one" class="wrapper style1 special">
    <div class="inner">
        <header class="major">
            <h2>最快的速度排出学校满意的课表</h2>
            <p>
                <b>我们拥有国内最强大的排课科研团队，拥有最先进的排课算法。</b><br />
                <br>
                以最快的速度，最合理的排课结果秒杀国内现有的其他排课平台。
            </p>
        </header>
        <ul class="icons major">
            <li><span class="icon fa-flash major style1"><span class="label">更快速</span></span></li>
            <li><span class="icon fa-thumbs-up major style2"><span class="label">更合理</span></span></li>
            <li><span class="icon fa-heart major style3"><span class="label">更人性化</span></span></li>
        </ul>
    </div>
</section>



<!-- Three -->
<section id="three" class="wrapper style3 special">
    <div class="inner">
        <header class="major">
            <h2>我们平台的四大优势</h2>

        </header>
        <ul class="features">
            <li class="icon fa-connectdevelop">
                <h3>智能化分班</h3>
                <p>智能化排课，个性化性分班，能够查看正在进行中的和已结业的班级满足所有学生选课志愿</p>
            </li>
            <li class="icon fa-eye">
                <h3>可视化流程</h3>
                <p>拖拽式操作对课程表中所有课程快速整，大大缩短了排课周期，提高排课准确性，提高了教务人员管理效率</p>
            </li>
            <li class="icon fa-spinner">
                <h3>自动化处理</h3>
                <p>通过系统合理安排教师资源，老师课表，学生课表，教室课表，让课程管理和日常排课清晰有序，排课系统自动化处理排课冲突和异常</p>
            </li>
            <li class="icon fa-flash">
                <h3>高效智能化</h3>
                <p>让教务工作简单，便捷。保障了培训机构经营运转及时，准 确，高效，智能化</p>
            </li>
        </ul>
    </div>
</section>

<!-- CTA -->
<section id="cta" class="wrapper style4">
    <div class="inner">
        <header>
            <h2>我们可以解决两类排课难题：</h2>
            <p>目前除了学校常见的行政班排课问题，我们可以专业快速地解决外，复杂的走班排课问题，我们也能完美解决。</p>
        </header>
        <ul class="actions vertical">
            <li><a class="button fit special">行政班排课</a></li>
            <li><a class="button fit">走班排课</a></li>
        </ul>
    </div>
</section>


@section script {
    <script src="../../Static/newestHTML/assets/js/jquery.min.js"></script>

    <script type="text/javascript">
        $(function () {
            $(".fit,special").on("click", function () {
                var $this = $(this);
                var text = $this.text();
                alert(text + "正在开发中，敬请期待");
                return false;
            })

            // safari 浏览器兼容
            $(function () {
                var userAgent = navigator.userAgent;
                if (userAgent.indexOf("Safari") > -1) {
                    var gHeight = $(window).height();
                    $("#banner").css('height', gHeight + 'px');
                    var eHeight = (gHeight - $("#banner .inner").height()) / 2
                    $("#banner .inner").css('paddingTop', eHeight + 'px');
                }
            })
        });
    </script>
}
